@charset "utf-8";

/* Tu peux changer le css comme bon te semble */

/* Styles de la page au complet */
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: rgba(102,102,51,1);
}

/* Styles concernant le contenu de la page */
div#content {
	float: left;
	padding-bottom: 10px;
	width: 85%;					/* 85% de la page sera consacrée à la map, ce qui me semble pas pire. */
	padding-left: 15px;
}

div#content img {
	width: 100%;	
}

/* Styles concernant le menu de droite de la page */
/* 10% de la page sera consacrée au menu de droite */
aside {
	float: left;
	color: magenta;
	font-size: 1.2em;
	width: 10%;
	padding: 20px;
	margin-left: 10px;
}

aside #formConnection {
	margin-left: -260px;
	margin-top: 300%;
	border: 5px solid black;
	width: 300px;
	color: rgba(255,204,0,1);
	padding: 30px;
	background-color: rgba(153,153,153,1);
}

aside #formConnection #loginTitre {
	color: rgba(255,204,0,1);
	font-size: 1.7em;
	text-align: center;
	margin-bottom: 15px;
}

/* Styles concernant le pied de page */
footer {
	clear: both;
	background: dimgray;
	color: white;	
}
footer a {
	text-decoration: none;
	color: #dcdcdc; 														/* gainsboro CSS3 */
}
footer a:hover {
	color: white;
}
footer div {
	float:right;	
}

/* Corrections pour firefox3 */
/* Ces éléments sont considérés comme étant inline par firefox3 */
header, footer {
	display: block;
}

